import React from 'react'

// export default function CompTest2(props) {
export default function CompTest2({myCount, updateCount}) { // 形参解构
  // 传递给子组件的是函数对象的引用
  // const {myCount} = props
  return (
    <div style={{border: '1px solid gray'}}>
      <h3>CompTest2组件</h3>
      <p>props.myCount: {myCount}</p>
      <button onClick={() => updateCount(4)}>更新父组件的count</button>
    </div>
  )
}

/* 
function fn(obj) {
  console.log(obj.name, obj.age)
}

function fn({name, age}) { // 形参解构
  console.log(name, age)
}

fn({name: 't', age: 1}) */

/* 
间接实现了parentComp.setSate({})
父组件中有子组件标签 => 才可能通过标签属性传递函数属性
*/